<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.10.1.min.js"></script>
</head>

<body>
    <p>
        全选:
        <input type="checkbox" class="check-all">
    </p>
    <p>
        单选:
        <input type="checkbox" class="check-one">
        <input type="checkbox" class="check-one">
        <input type="checkbox" class="check-one">
        <input type="checkbox" class="check-one">
        <input type="checkbox" class="check-one">
        <input type="checkbox" class="check-one">
    </p>
</body>
<script>
    // 全选
    $(".check-all").click(function () {
        // 选中状态
        // var status = this.checked;  //原生
        // console.log(status);

        var status = $(this).prop("checked");  // jquery
        console.log(status);

        $(".check-one").prop("checked", status);
    })

    // 反选
    console.log($(".check-one"));
    $(".check-one").click(function () {
        // var flag = true; //假设全部被选中
        // $(".check-one").each(function () {
        //     if (!$(this).prop("checked")) {
        //         flag = false;
        //     }
        // })
        // $(".check-all").prop("checked", flag);

        // var flag = $(".check-one").get().every(function (ele) {
        //     return ele.checked == true;
        // });
        // $(".check-all").prop("checked", flag);

        // 匹配未选中的
        // var flag = $(".check-one:not(:checked)").length > 0 ? false : true;
        // $(".check-all").prop("checked", flag);

        var flag = $(".check-one").is(":not(:checked)"); // 单选框中 是否含有 未选中 
        $(".check-all").prop("checked", !flag);
    })




</script>

</html>